<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			.all{
				width: 900px;
				margin:20px auto;
				height:35px;
				line-height: 35px;
			}
			.all li{float: left;}
			.all a,.all span{
				display:inline-block;
				height: 56px;
				float: left;
			}
			.one{
				width: 22px;
				background: url(../img/left.png);
			}
			.two{
				width: 22px;
				background: url(../img/right.png);
			}
			.all a:link,.all a:visited{
				color: #FFF;
				font-size:18px;
				font-weight: bold;
				font-style:"微软雅黑";
				text-shadow: 3px 3px 5px #333;
				text-decoration: none;
				background: url(../img/middle.png);
				padding: 0 20px;
			}
			.all a:hover{
				color: #333;
				text-shadow: 3px -3px 5px #FFF;
			}
		</style>
	</head>
	<body>
		<ul class="all">
			<li>
				<span class="one"></span>
				<a href="#">首页</a>
				<span class="two"></span>
			</li>
			<li>
				<span class="one"></span>
				<a href="#">公司产品</a>
				<span class="two"></span>
			</li>
			<li>
				<span class="one"></span>
				<a href="#">就业指导信息</a>
				<span class="two"></span>
			</li>
			<li>
				<span class="one"></span>
				<a href="#">留言簿</a>
				<span class="two"></span>
			</li>
			<li>
				<span class="one"></span>
				<a href="#">添加友情链接</a>
				<span class="two"></span>
			</li>
		</ul>
	</body>
</html>
